*{
  padding:0;
  margin:0;
}

div{
     display:block;
}

.html{
   font-size:50px !important;
}

.top_tab{
  background:#fff;
  width:100%;
  overflow:hidden;
  list-style:none;
}

.top_tab li{
   width:24.5%;
   height:0.25rem;
   background:#000;
   float:left;
   border:1px  solid #fff;
   font-size:0.22rem;
   position:relative;
   color:#fff;
   line-height:0.25rem;
   text-align:center;
}

.top_tab li:active{
   background:#00f;
}

.div{
    float:left;
    font-size:0.22rem;
    text-align:center;
}
input{
   width:75%;
   border:1px solid #00f;
}



 ul{
     list-style:none;/**去掉列表黑点*/
 }

 .ani_slide{
   animation: ani_slide 1.5s;
   -moz-animation: ani_slide 1.5s;
   -webkit-animation: ani_slide 1.5s;
   -o-animation: ani_slide 1.5s;
 }

/** normal */
@keyframes ani_slide{
  from{opacity:0.4}
  to{opacity:1}
 }
/** Firefox */
 @-moz-keyframes ani_slide{
  from{opacity:0.4}
  to{opacity:1}
 }
/** Safari  and chrome */
 @-webkit-keyframes ani_slide{
  from{opacity:0.4}
  to{opacity:1}
 }
/** Opera */
 @-o-keyframes ani_slide{
  from{opacity:0.4}
  to{opacity:1}
 }
